<template>  
  <div class="goback"  ref="goback">  
    <div class="inner">  
      <div @click="goBack">  
        <img class="goback_img" :src="require(`@/assets/icons/返回.png`)" alt="返回" />  
        返回  
      </div>  
      <div class="outer_title">{{ title }}</div>  
    </div>  
  </div>  
</template>  
  
<script>  
export default {  
  name: 'goback',  
  props: ['title'],  
  data() {  
    return {  
    };  
  },  


  methods: {
    goBack() {
		console.log("aaa");
      this.$router.go(-1);  
	 
    }
  }  
};  
</script>  
  
<style scoped>  
.goback {  
  display: block;  
  padding: 5vw;  
  border-bottom: 1px solid #ebebeb;
  background-color: #f5f5f7;
   z-index:100;
}  
.goback_img {  
  width: 24px;  
  height: 24px;  
  margin-right: 12px;  
}  
.inner {  
  display: flex;  
  flex-direction: row;  
  justify-content: flex-start;  
  align-items: center;  
}  
.outer_title {  
  display: block;  
  text-align: center;  
  margin: 0px 27vw 0px;
  color: #333;
}  
.fixed {  
  position: fixed;  
  top: 0;  
  left: 0;  
  width: 100vw;  
  z-index: 13; /* 确保固定在顶部时不会被其他元素遮挡 */  
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 可选：添加阴影效果 */  
}  
</style>